<template>
  <div>
    <h1>关注</h1>
  <van-button type="danger" text="退出" @click="loginout" />
  </div>
</template>

<script setup>
import { ref } from 'vue';
import axios from 'axios';
import { showToast } from 'vant';
import router from "../router/index.js";

// 从本地存储中获取 token
const token = ref(localStorage.getItem('token'));

const loginout = async () => {
  try {
    // 发送退出登录请求
    const response = await axios.post('http://127.0.0.1:8000/user/loginout/', {
      token: token.value
    });
    // 处理响应
    if (response.data.code === 200) {
      // 清除本地存储中的 token 等信息
      localStorage.removeItem('userid');
      localStorage.removeItem('token');
      localStorage.removeItem('retoken');

      // 显示退出成功提示
      showToast('退出成功');
      router.push('/')

      // 这里可以进行页面跳转，例如跳转到登录页
      // 假设你的路由配置中有一个名为 'login' 的路由
      // router.push({ name: 'login' });
    } else {
      // 显示退出失败提示
      showToast(response.data.msg);
    }
  } catch (error) {
    // 处理请求错误
    console.error('退出登录失败:', error);
    showToast('退出登录失败，请重试');
  }
};

</script>

<style scoped>

</style>